<template>
  <div id="app">
    <div class="content">
      <router-view></router-view>
    </div>
    <my-tab :tab="tab"></my-tab>
  </div>
</template>
<script>
import myMain from './views/home/main'
import myTab from '@/components/tab/tab'
export default {
  components: {
    myMain,
    myTab
  },
  data() {
    return {
      tab: ['首页', "分类", "购物车", "我的"]
    }
  }
}
</script>
<style lang="scss">
#app {
  height: 100%;
  overflow: hidden;
  .content{
    height: calc(100% - 1rem);
  }
}
</style>
